<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/*
			就是说，如果定位方位为上左，但是margin的方位却为右，则无论margin值
			多大都不会有效果。只有margin方位与定位方位一致时才能有效果
			*/
			.a{
				height: 200px;
				width: 300px;
				border: 1px solid;
				position: relative;
			}
			.b{
				position: absolute;
				height: 100px;
				width: 100px;
				left: 10%;/*相对于父级宽度*/
				top: 10%;/*相对于父级高度*/
				background-color: #00B0E7;
				/* margin-right: 500px; */
				/* margin-left: 100px; */
			}
		</style>
	</head>
	<body>
		<div class="a">
			<div class="b"></div>
		</div>
	</body>
</html>
